<template>
    <div class="flow-chart-index">
        <node-panel />
        <chart-panel />
    </div>
</template>

<script>
    import NodePanel from './node-panel'
    import ChartPanel from './chart-panel'

    export default {
        name: 'flow-chart',

        components: {
            NodePanel,
            ChartPanel
        }
    }
</script>

<style>
    @import url("//at.alicdn.com/t/font_1685020_u01rs94hugb.css");

    /* icon */
    [class^="icon-"] {
        font-family: "iconfont", serif !important;
        font-size: inherit;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
</style>
<style lang="scss" scoped>
    .flow-chart-index {
        display: flex;
        width: 100%;
        height: 100%;

        .chart-panel {
            flex: 1;
            width: 0;
        }
    }
</style>
